<template>
    <div class="photoinfo-container">
        <h3>漂亮的室内装修</h3>
        <p class="subtitle">
            <span>发表时间：2018-01-12 12:30:50</span>
            <span>点击：0次</span>
        </p>
        <hr>

        <vue-preview :slides="slide1" @close="handleClose"></vue-preview>
       

        <div class="content">
            柱径，桃花心木，巴洛克、有幸去参观海边别墅，而简欧风格则在古典欧式风格的基础上，采用彩绘描金等奢侈装饰工艺、花蕾，意大利的SILIK丝丽家具等：如果是复式的房子、多变的视觉效果，西班牙风格，并产生了多种显著的样式，在各个时期都有各种精彩的演出。
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            slide1: [
                    {
                        src: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg',
                        msrc: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg',
                        alt: 'picture1',
                        title: 'Image Caption 1',
                        w: 600,
                        h: 400
                    },
                    {
                        src: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_b.jpg',
                        msrc: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_m.jpg',
                        alt: 'picture2',
                        title: 'Image Caption 2',
                        w: 1200,
                        h: 900
                    }
            ]
        }
        
    },
     methods: {
      handleClose () {
        console.log('close event')
      }
    }
}
</script>
<style lang="scss" scoped>
.photoinfo-container{
    padding: 3px;
    h3{
        color: #26A2FF;
        font-size: 15px;
        text-align: center;
        margin: 15px 0;
        
    }
    .subtitle{
        display: flex;
        justify-content: space-between;
        font-size: 13px;
    }
    .content{
        font-size:13px ;
        line-height: 28px;
        text-indent: 2em;
    }
}
</style>
